<template>
  <div>
    <div class="box" @click="clickDiv" @mousemove="moveDiv" >
      <video ref="myvideo" controls src="../assets/video/video.mp4" @click="clickVideo"  @pause="pausefun">
      </video>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      imgUrl: "https://scpic.chinaz.net/files/pic/pic9/202010/apic28716.jpg",
    };
  },
  mounted() {},
  methods: {
    clickDiv() {
      console.log("clickDiv");
      window.event.cancelBubble = true;//禁止冒泡
    },
    moveDiv() {
      // console.log("moveDiv");
    },
    clickVideo() {
      console.log("clickVideo");
    },
    pausefun(){
      const myvideo = this.$refs.myvideo;
      console.log({myvideo});
      
    }
  },
};
</script>

<style type="text/css">
img {
  height: 200px;
}

.box{
  padding: 20px;
  background-color: aquamarine;
}
</style>
